.calendar {
    background: #fff;
    display: block;
    width: 200px;
    
    border: 1px solid #E8E8E8;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px #C8C8C8;
    padding: 10px;
}
.calendar .othermonth {
	color: #D1D3D5;
}
.calendar input{
    border: 1px solid #E3E3E3;
}
.calendar table {
	background-color: white;
    border-collapse: collapse;
    width: 100%;
}
.calendar .body td, .calendar .body th{
	height: 20px;
}
.calendar .header {
    font-weight: bold;
    margin-bottom: 3px;
}
.calendar .body {
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
}
.calendar .body td {
	cursor: pointer;
}
.calendar .body div {
	width: 20px;
}
.calendar .body div:hover {
	/*color: #0055AA;*/
	color: #CF6600;
}
.calendar .wd .weekend {
	color: #CF6600;
}
.calendar .selected-day {
	font-weight: bold;
	color: #CF6600;
}
.calendar .today {
	text-decoration: underline;
	/*font-weight: bold;*/
}
.calendar .header img {
	cursor: pointer;
}
.calendar input {
	font-size: 12px;
    font-weight: bold;
    width: 20px;
}

.calendar .footer {
	margin: 3px 0;
}
.calendar .footer a {
	text-decoration: none;
	font-weight: bold;
	color: #0055AA;
}
.calendar .footer a:hover {
	text-decoration: underline;
}